<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:winter="http://www.winter.org"
	xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
	layout:decorator="/layouts/layout">
	
	<div id="FormularioFragment" th:fragment="formulario">
		<winter:output id="FormularioOutput">
			<winter:output id="mainFormularioOutput">
				<div class="cabecera">
					<winter:ajaxsubmit 
						id="@{'NuevoFormulario'}" 
						form="ControlesForm"
						url="@{'/controles/agregarFormulario'}" 
						update="FormulariosModalOutput"
						value="Agregar Formulario"
						object="controles"
						showstatus="true"
						class="btn btn-cyan"
						immediate="true"
						oncomplete="@{'Winter.ui.OpenDialog(\'FormulariosModal\')'}">
					</winter:ajaxsubmit>		
				</div>
				<winter:datatable th:if="${!#lists.empty(controles.control.formularios)}"
						id="ListFormularioTotal"
						customLanguage="true"
						paginate="true"
						jQuery="true"
						retrieve="true"
						emptyTableText="No se encontraron Datos!"
						infoText="Mostrando _START_ al _END_ de _TOTAL_ registros"
						emptyTableInfoText="Mostrando 0 al 0 de 0 registros"
						searchText="Buscar"
						lengthMenu="Mostrar _MENU_ registros"
						wrapperclass="simpleTable_wrapper">
						<thead>
							<tr>
								<th th:text="#{label.control.formulario.nroCert}"></th>
								<th th:text="#{label.control.formulario.formulario}"></th>
								<th th:text="#{label.control.formulario.contra}"></th>
								<th th:text="#{label.control.formulario.fechaReg}"></th>
								<th th:text="#{label.control.formulario.fechaIng}"></th>
								<th th:text="#{label.control.formulario.fechaEmi}"></th>
								<th th:text="#{label.control.formulario.fechaVenc}"></th>
								<th th:text="#{label.common.operaciones}"></th>
							</tr>
						</thead>
						<tbody>
							<tr th:each="formularioRow, rowStatFormulario : ${controles.control.formularios}">
								<td th:text="${formularioRow.nroCertificado}"></td>
								<td th:text="${formularioRow.formulario.descripcion}"></td>
								<td th:text="${formularioRow.contrasena}"></td>
								<td th:text="${formularioRow.fechaRegistro}?${#dates.format(formularioRow.fechaRegistro, 'dd/MM/yyyy')}:${formularioRow.fechaRegistro}" class="align-center"></td>
								<td th:text="${formularioRow.fechaIngreso}?${#dates.format(formularioRow.fechaIngreso, 'dd/MM/yyyy')}:${formularioRow.fechaIngreso}" class="align-center"></td>
								<td th:text="${formularioRow.fechaEmision}?${#dates.format(formularioRow.fechaEmision, 'dd/MM/yyyy')}:${formularioRow.fechaEmision}" class="align-center"></td>
								<td th:text="${formularioRow.fechaVencimiento}?${#dates.format(formularioRow.fechaVencimiento, 'dd/MM/yyyy')}:${formularioRow.fechaVencimiento}" class="align-center"></td>
								<td class="tabla-operaciones">
									<div class="button-toolbar">
										<winter:ajaxlink 
											id="@{${rowStatFormulario.index}+'EditarFormulario'}" 
											form="ControlesForm"
											url="@{'/controles/editarFormulario/'+${rowStatFormulario.index}}" 
											update="FormulariosModalOutput, FormularioOutput"
											title="Editar"
											object="controles"
											stoponerror="true"
											class="ajax-submit icon-edit-sign icon-2x"
											oncomplete="@{'Winter.ui.OpenDialog(\'FormulariosModal\')'}"
											showstatus="true">
										</winter:ajaxlink>
										<winter:ajaxlink 
											id="@{${rowStatFormulario.index}+'EliminarFormulario'}" 
											form="ControlesForm"
											url="@{'/controles/eliminarFormulario/'+${rowStatFormulario.index}}" 
											update="FormularioOutput"
											title="Eliminar"
											tip="true"
											object="controles"
											showstatus="true"
											immediate="true"
											class="ajax-submit icon-remove-sign icon-2x"
											confirmationrequired="true"
							                confirmationtext="Está seguro que desea realizar la operación?">
										</winter:ajaxlink>
									</div>
								</td>																
							</tr>
						</tbody>
				</winter:datatable>
			</winter:output>
			<winter:output id="FormulariosModalOutput">
			   	<div id="NuevoFormularioContainer" th:if="${controles.context.formulario}">
					<winter:dialog id="FormulariosModal" width="80%" height="auto" title="@{'Formulario'}" resizable="true" contentClass="dialog-form" effect="fade-and-scale">
						<winter:output id="FormulariosGestionOutput">
							<div id="FormulariosGestionInclude" th:include="/admin/controlFormularioDialog :: FormulariosGestionFragment">
							</div>
						</winter:output>
					</winter:dialog>
				</div>
			</winter:output>
			<winter:row class="button-panel-right" padded="true">
				<winter:ajaxSubmit 
					id="CrearControlFormulario" 
					form="ControlesForm" 
					url="@{'/controles/guardarControlFormulario'}" 
					update="ControlesOutput"
					object="controles"
					value="#{label.operaciones.guardar}"
					showstatus="true"
					class="btn btn-cyan"
					confirmationrequired="true"
					confirmationtext="Está seguro que desea realizar la operación?"
					immediate="true">
				</winter:ajaxSubmit>
				<winter:ajaxSubmit 
					id="CrearControlFormularioCancelar" 
					form="ControlesForm" 
					url="@{'/controles/cancelar/FORMULARIOS'}"
					update="ControlesOutput"
					value="#{label.operaciones.cancelar}"
					showstatus="true"
					class="btn btn-danger"
					immediate="true">
				</winter:ajaxSubmit>
			</winter:row>
		</winter:output>
	</div>
</html>